﻿<!DOCTYPE HTML />
<html>
<head>
    <title>The East Wedding - Day of Timeline</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />

    <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAdu98NVQQ2jgbuHNWRbTHgRR2sovxaF5eIfhqltffKe7GItabRBRtJRUKu4f0QjHs77LbTWM3t9TyYQ"></script>
    <script type="text/javascript">
        google.load("jquery", '1.5');
    </script>

    <link href="js/css/custom-theme/jquery-ui-1.8.11.custom.css" rel="stylesheet" type="text/css" />
    <script src="../js/jquery-ui-1.8.9.custom.min.js" type="text/javascript"></script>
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="js/sliding-side.js" type="text/javascript"></script>
    <script src="js/util.js" type="text/javascript"></script>

    <!--[if lt IE 9]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--[if lt IE 8]> 
    <div style=' clear: both; height: 59px; padding:0 0 0 15px; position: relative;'> 
        <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode">
        <img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" height="42" width="820" 
        alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for 
        free today." /></a>
    </div> 
    <![endif]-->
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-22516984-1']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
</head>
<body>
    <div id="header">
        <h1>The East</h1>
        <h1 id="second">Wedding</h1>
    </div>
    <!-- end #slidingMenuDesc -->
        <ul id="slidingMenu" class="slidingMenu">
            <li><a href="index.html" id="index">Welcome</a></li>
            <li><a href="OurStory.html" id="ourStory">Our Story</a></li>
            <li><a href="TheWedding.html">The Wedding</a></li>
            <li><a href="Timeline.html">Day of Timeline</a></li>
            <li><a href="ThingsToDo.html" target="_blank">Things To Do</a></li>
            <li><a href="WeddingParty.html">Bridal Party</a></li>
            <li><a href="Lodging.html">Lodging</a></li>
            <li><a href="Photos.html">Photos</a></li>
            <li><a href="Registry.html">Registry</a></li>
        </ul><!-- end #slidingMenu ul -->
    <div id="containerOne">
        <div class="sectionHeader">
            <!--<a href="#" id="btNext"><button>Next</button></a>-->
            <h1>Day of Timeline</h1>
        </div><!-- end #sectionHeader div -->
        <div id="infoOne" class="weddingInfo beforeDiv">
            <div class="sectionInfo">
                <fieldset>
                    <!--<legend>Before Ceremony</legend>-->
                        <ul>
                            <li>3:30pm - Leave Hilton in provided shutttle <em>(For Hilton guests only)</em></li>
                            <li>4:00pm - Guest may start arriving at Chapel</li>
                            <li>5:00pm - Shuttle picks up guests of Hilton and drives to the reception</li>
                            <li>5:15pm - Cocktails at reception</li>
                            <li>6:00pm - Reception begins <em>(Dinner will be served)</em></li>
                            <li>10:00pm - Reception ends <em>(Shuttle returns Hilton guests back to the hotel)</em></li>                
                        </ul>
                    </fieldset>
            </div><!-- end #sectionInfo div -->
        </div><!-- end #weddingInfo div -->
    </div><!-- end #containerOne div -->
    
    <div id="containerTwo">
        <div class="sectionHeader">
            <a href="#" id="btBack"><button>Back</button></a>
            <h1>The Wedding - Reception</h1>
        </div><!-- end #sectionHeader div -->
        <div id="infoTwo" class="weddingInfo beforeDiv">
            <div class="sectionInfo">
                <fieldset>
                    <legend>Where</legend>
                        <ul>
                            <li>Fort Belvoir Officer's Club</li>
                            <li>5500 Schulz Cir #20, Fort Belvoir, Virginia, 22060</li>
                            <li>The Officer's Club at Fort Belvoir is only a couple of minutes down the road from the Chapel. The wedding will be held in the
                    Potomac room which is named for the river it looks out over.  </li>                
                        </ul>
                    </fieldset>
                <fieldset>
                    <legend>When</legend>
                    <ul>
                        <li>November, 5th - 6:00 PM</li>
                    </ul>
                </fieldset>
                <fieldset>
                    <legend>How</legend>
                        <blockquote>
                        <a href="#" id="afterMap" title="View on a Map"> <img src="img/map.png" alt="Map" style="border:none;" /> </a>
                            <div id="receptionDialog" title="Fort Belvoir Officer's Club">
                                    <a href="http://www.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=5500+Schulz+Cir+%23+20+Fort+Belvoir,+VA+22060&aq=&sll=38.685855,-77.125812&sspn=0.001432,0.00327&ie=UTF8&hq=&hnear=5500+Schulz+Cir,+Fort+Belvoir,+Virginia+22060&ll=38.685908,-77.125445&spn=0.002864,0.006539&z=18" target="_blank">View on a larger map</a>
                                    <div id="receptionMap" class="googleMap"></div> <!-- end #receptionMap div -->
                            </div> <!-- end #dialog-form div -->                           
                        </blockquote>
                </fieldset>
                                    
            </div><!-- end .sectionInfo div -->
        </div><!-- end #infoTwo div -->
    </div><!-- end #containerTwo div -->
</body>
</html>
